import React from "react";
import type { TabsProps} from "antd";
import {Tabs} from "antd";
import Income from "@/pages/Income";
import Payment from "@/pages/Payment";

const AddPayOrIncomeLog: React.FC = () => {
  const items: TabsProps["items"] = [
    {
      key: "pay",
      label: "支出",
      children: <Payment/>
    },
    {
      key: 'income',
      label: '收入',
      children: <Income/>
    },
  ]
  return (
    <Tabs
      defaultActiveKey={"pay"}
      style={{
        position: "absolute",
        top: 46,
        left: 20,
        width: `calc(100vw - 40px)`,
        height: `calc(100vh - 100px)`,
        overflowY: "auto"
      }}
      destroyInactiveTabPane
      items={items}
    />
  )
}
export default AddPayOrIncomeLog;
